<template>
    <!-- 静止的区域 -->
    <div class="box2 flex-item-1">
        <!-- 品牌介绍 -->
        <div class="stickNavWrap stick_nav_wrap">
            <div class="stickNav stick_nav" style="" data-top=" 2.2rem" data-scroll="scroll_area">
                <!-- 排序筛选栏 -->
                <div class="sortsTabs sorts_tabs ">
                    <div class="wap_con_tab wapConTab flex-box">
                        <ul class="flex-item-1 wen-justify">
                            <li class="tabSelected" id="foldOpen">{{$t("complex")}}</li>
                            <li sortname="1" sortvalue="1" style="position: relative; margin-left:1.2rem;padding-right: .5rem; ">{{$t("price")}}
                                <i class="priceUp iconfont"></i>
                                <i class="priceDown iconfont"></i>
                            </li>
                        </ul>
                        <div class="filter_switch wen-justify v-c">
                            <span class="stock_switch ">{{$t("isStock")}}</span>
                            <span class="filter_button filterButton" style="font-weight: 300;padding-left: 1rem;" @click="showFilter">
                                {{$t("filter")}}
                            </span>
                            <span class="switch_list swichList iconfont big_ls" style="font-weight: 300;padding-left: 1.75rem;"></span>
                        </div>
                    </div>
                    <div class="sub_item" style ="display:none">
                        <ul>
                            <li sortname="a" sortvalue="a" class="tabSelected">{{$t("sortByComplex")}}</li>
                            <li sortname="3" sortvalue="-1">{{$t("sortByNew")}}</li>
                            <li sortname="2" sortvalue="-1">{{$t("sortBySales")}}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import './css/listNav.scss'
 
export default {
    components: {

    },
    mounted() {
        
    },
    methods: {
        // 开启弹窗
        showFilter() {
            this.$emit('showPopup')
        }     
    },
    activated() {
       
    } 
}
</script>
<style>
</style>

